<template>
  <simple-layout title="财务中心">
    <div style="background: rgb(251, 249, 249);">
      <div class="pay" @click="toUrl('SetRepurchase')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-1"></i>
          <span>代入充值</span>
        </div>
        <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay"  @click="toUrl('TransferList')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-2"></i>
          <span>代入记录</span>
        </div>
        <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay"  @click="toUrl('PayOnline')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-3"></i>
          <span>充值</span>
        </div>
         <i class="mui-icon mui-icon-arrowright"></i>
      </div>
      <div class="pay"  @click="toUrl('PayOnline')">
        <div class="pay-center">
           <i class="pay-center-im pay-center-4"></i>
          <span>充值记录</span>
        </div>
         <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('mmTransfer')">
        <div class="pay-center">
           <i class="pay-center-im pay-center-4"></i>
          <span>理财NTG转账</span>
        </div>
        <i class="mui-icon mui-icon-arrowright"></i>
      </div>


      <div class="pay" @click="toUrl('candeal')">
        <div class="pay-center">
         <i class="pay-center-im pay-center-3"></i>
          <span>可交易NTG转账</span>
        </div>
        <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('alreadyfng')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-2"></i>
          <span>已释放NTG转账</span>
        </div>
         <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('tfree')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-2"></i>
          <span>T释放NTG转账</span>
        </div>
         <i class="mui-icon mui-icon-arrowright"></i>
      </div>



     <div class="pay" @click="toUrl('TransferList')" >
       <div class="pay-center">
        <i class="pay-center-im pay-center-2"></i>
         <span>理财NTG转账记录</span>
       </div>
       <i class="mui-icon mui-icon-arrowright"></i>
     </div>

     <div class="pay" @click="toUrl('canTransgerLog')">
       <div class="pay-center">
         <i class="pay-center-im pay-center-1"></i>
         <span>可交易NTG转账记录</span>
       </div>
       <i class="mui-icon mui-icon-arrowright"></i>
     </div>
      <div class="pay" @click="toUrl('tfreelog')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-1"></i>
          <span>T释放NTG转账记录</span>
        </div>
         <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('alreadyfnglog')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-2"></i>
          <span>已释放NTG转账记录</span>
        </div>
       <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('ngtnumber')">
        <div class="pay-center">
          <i class="pay-center-im pay-center-2"></i>
          <span>NTG数量</span>
        </div>
        <i class="mui-icon mui-icon-arrowright"></i>
      </div>

      <div class="pay" @click="toUrl('mmTransgerLog')">
          <div class="pay-center">
            <i class="pay-center-im pay-center-3"></i>
            <span>理财NTG兑换</span>
          </div>
          <i class="mui-icon mui-icon-arrowright"></i>
        </div>
        <div class="pay" @click="toUrl('exchangelog')">
            <div class="pay-center">
             <i class="pay-center-im pay-center-3"></i>
              <span>理财NTG兑换记录</span>
            </div>
            <i class="mui-icon mui-icon-arrowright"></i>
          </div>
    </div>


  </simple-layout>
</template>


<script>
  import AuthService from '../../service/auth';
  import SimpleLayout from '../../components/SimpleLayout';

  export default {
    name: "Login",
    components: {
      //someComponent
      SimpleLayout
    },
    props: {},
    data() {
      return {
        msg: "Hello Vue.js",
        phone: '',
        code: '',
        password: '',
        numCode: '发送验证码',

        img: '../../assets/productinfo/fengxian.png'
      }
    },
    computed: {},
    watch: {},
    mounted: function () {
    },
    methods: {
      toUrl(val){
        this.$router.push({ name:val });
      }
    }
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .pay{
    display: flex;
    border-top: 1px solid #f7f3f3;
    padding: 1rem;
    background-color: #fff;
  }
  .pay-center{
    font-size: 18px;
    font-weight: bold;
    text-align: initial;
    width: 100%;
    height: 30px;
    display: inline-flex;
  }
  .pay-center>span{
    margin: auto 0;
  }
  .pay-center-im{
    display: inline-block;
    height: 30px;
    width: 30px;
    margin-right: 10px;
  }
   .pay-center-1{
     background: url("../../assets/mine/zhuanzhang_one.png") no-repeat;
     background-size: 100%;
   }
    .pay-center-2{
      background: url("../../assets/mine/recordcopy.png") no-repeat;
      background-size: 100%;
    }
    .pay-center-3{
      background: url("../../assets/mine/shuliang.png") no-repeat;
      background-size: 100%;
    }
.pay-center-4{
      background: url("../../assets/mine/zhuanzhang_five.png") no-repeat;
      background-size: 100%;
    }

  .pay-center-grey{
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url("../../assets/productinfo/yinhang.png") no-repeat;
    background-size: 100%;

  }
  .pay:nth-child(4n+1){
    margin-top: 1rem;
    border-top: none;
  }
</style>
